<script src="../public/js/pinyin.js"></script>
<script src="../public/js/fullpage.min.js"></script>
<!--<div id="pageContain">-->
<div id="pageContain"  style="height: auto; overflow-y: auto;">
    <div class="page page1">
        <div class="contain">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-lg-12">
                        <ol class="breadcrumb">
                            <li><a href="#/company/home"><i class="fa fa-home mrg-r-sm"></i>首页</a></li>
                        </ol>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="main-box infographic-box">
                            <i class="fa fa-user red-bg"></i>
                            <span class="headline">服务人员</span>
							<span class="value">{{servantCount}}</span>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="main-box infographic-box">
                            <i class="fa fa-shopping-cart emerald-bg"></i>
                            <span class="headline">订单数量</span>
							<span class="value">{{orderCount}}</span>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="main-box infographic-box">
                            <i class="fa fa-money green-bg"></i>
                            <span class="headline">累计收入</span>
							<span class="value">¥{{totalCount}}</span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12 ">
                        <div class="main-box">
                            <header class="main-box-header clearfix" style="min-height: 25px; padding: 5px 20px;">
                                <h2>每月订单量</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div id="graph-flot-points" style="height: 170px; padding: 0px; position: relative;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-box">
                            <header class="main-box-header clearfix" style="min-height: 25px; padding: 5px 20px;">
                                <h2>收入</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div id="graph-bar" style="height: 170px; padding: 0px; position: relative;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page page2 current">
        <div class="contain">
            <div class="col-lg-12">
                <div class="row" style="margin-top: 90px;">
                    <div class="col-lg-6 ">
                        <div class="main-box">
                            <header class="main-box-header clearfix">
                                <h2>服务项目</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div id="graph-flot-donut"
                                     style="height: 340px; padding: 0px; position: relative;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pull-right">
                        <div class="main-box">
                            <header class="main-box-header clearfix">
                                <h2>订单状态</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div id="graph-flot-donuts"
                                     style="height: 340px; padding: 0px; position: relative;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page page4">
        <div class="contain">
            <div class="col-lg-12">
                <div class="row" style="margin-top:40px;">
                    <div class="col-lg-12">
                        <div class="main-box no-header clearfix">
                            <header class="main-box-header clearfix">
                                <div class="filter-block pull-left">
                                    <div class="form-group pull-left">
                                        最新订单
                                    </div>
                                </div>
                            </header>
                            <div class="main-box-body clearfix">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped text-center">
                                        <thead>
                                        <tr>
                                            <th class="text-center"><span>订单号</span></th>
                                            <th class="text-center"><span>服务项目</span></th>
                                            <th class="text-center"><span>下单时间</span></th>
                                            <th class="text-center"><span>联系人</span></th>
                                            <th class="text-center"><span>联系电话</span></th>
                                            <th class="text-center"><span>服务状态</span></th>
                                            <th class="text-center"><span>操作</span></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr role="row" class="odd" ng-repeat="item in lists" id="{{item.order_id}}">
                                            <td>{{item.order_id}}</td>
                                            <td>{{item.serviceType1}}&nbsp;{{item.serviceType2}}</td>
                                            <td>{{item.create_time}}</td>
                                            <td>{{item.name}}</td>
                                            <td>{{item.phone}}</td>
                                            <td>{{item.status}}</td>
                                            <td>
                                                <a class="btn  btn-primary" href="#/orderEdit/detail/{{item.order_id}}">详情</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td colspan="8"><a class="pull-right" href="#/order">查看更多</a></td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page page5">
        <div class="contain">
            <div class="col-lg-12">
                <div class="row" style="margin-top:90px;">
                    <div class="col-lg-6" style="display: none;">
                        <div class="main-box clearfix">
                            <header class="main-box-header clearfix">
                                <h2>站内信</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead>
                                        <tr>
                                            <th><span>标题</span></th>
                                            <th><span>内容</span></th>
                                            <th class="text-center"><span>时间</span></th>
                                            <th class="text-center"><span>发送人</span></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                测试
                                            </td>
                                            <td>
                                                测试
                                            </td>
                                            <td class="text-center">
                                                2015-8-15 12:00:00
                                            </td>
                                            <td class="text-center">
                                                admin
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--<div class="col-lg-6">-->
                    <div class="col-lg-12">
                        <div class="main-box clearfix">
                            <header class="main-box-header clearfix">
                                <h2>备忘录</h2>
                            </header>
                            <div class="main-box-body clearfix">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead>
                                        <tr>
                                            <th><span>标题</span></th>
                                            <th><span>内容</span></th>
                                            <th class="text-center"><span>时间</span></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr ng-repeat="item in cmsList">
                                            <td>
                                                {{item.title}}
                                            </td>
                                            <td>
                                                {{item.content}}
                                            </td>
                                            <td class="text-center">
                                                {{item.create_time}}
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<ul id="navBar">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

<style>
    body {
        overflow: hidden;
    }
</style>

<script type="text/javascript">

</script>
<script>
    jQuery(document).ready(function () {
        (function ($) {
            var runPage;
            runPage = new FullPage({
                id: 'pageContain',
                slideTime: 500,
                effect: {
                    transform: {
                        translate: 'Y'
                    },
                    opacity: [0, 1]
                },
                mode: 'wheel, touch, nav:navBar',
                easing: 'ease'
            });
        })(jQuery);
    });
</script>